<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../lib/jquery/jquery-1.11.1.js" ></script>
		<script type="text/javascript">
			function f1() {
				$('div').hide(3000,function(){
					alert("我消失了");
				})
			}
			function f2() {
				$('div').show(3000,function(){
					alert("我又回来了");
				})
			}
			function f3() {
				$('div').toggle(3000);
			}
		</script>
		<style>
			div{
				width:300px; 
        		height:200px; 
        		background-color:blue;	
			}
		</style>
	</head>
	<body>
		<h2>基本动画效果</h2>
        <div></div>
        <input type="button" value="隐藏" onclick="f1()" />
        <input type="button" value="显示" onclick="f2()" />
        <input type="button" value="开关" onclick="f3()" />
	</body>
</html>
